<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>作品分享</title>
	<link rel="stylesheet" href="css/bootstrap.css">
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/works-share.css">
</head>
<body>
	<nav class="navbar navbar-default">
		<div class="container">
			<!-- Brand and toggle get grouped for better mobile display -->
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="#"><img src="img/header_logo.png" alt="找设计"></a>
			</div>

			<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
				<ul class="nav navbar-nav">
					<li>
						<a href="index.html">首页<span class="sr-only">(current)</span></a>
					</li>
					<li class="active">
						<a href="works_share.html">作品分享</a>
					</li>
					<li>
						<a href="article_share.html">文章分享</a>
					</li>
					<li>
						<a href="material_collection.html">素材收集</a>
					</li>
					<li>
						<a href="contact.html">联系我们</a>
					</li>
				</ul>
			</div>
		</div>
	</nav>
	<div class="all">
		<div class="main container">
			<ul class="nav nav-pills">
				<li role="presentation" class="active col-md-2 col-sm-6"><a href="#">Web</a></li>
				<li role="presentation" class=" col-md-2 col-sm-6"><a href="#">App</a></li>
				<li role="presentation" class=" col-md-2 col-sm-6"><a href="#">Logo</a></li>
				<li role="presentation" class=" col-md-2 col-sm-6"><a href="#">电脑设计</a></li>
				<li role="presentation" class=" col-md-2 col-sm-6"><a href="#">字体设计</a></li>
				<li role="presentation" class=" col-md-2 col-sm-6"><a href="#">包装</a></li>
			</ul>
			<div class="recommend">
				<ul class="recommend-list">
					<li class="col-lg-3 col-md-4 col-sm-6">
						<div class="recommend-box">
							<img class="img-responsive" src="img/works_share_9.png" alt="">
							<a class="li-btn" href="#"><b><i></i></b></a>
						</div>
					</li>
					<li class="col-lg-3 col-md-4 col-sm-6">
						<div class="recommend-box">
							<img class="img-responsive" src="img/works_share_0.png" alt="">
							<a class="li-btn" href="#"><b><i></i></b></a>
						</div>
					</li>
					<li class="col-lg-3 col-md-4 col-sm-6">
						<div class="recommend-box">
							<img class="img-responsive" src="img/works_share_3.png" alt="">
							<a class="li-btn" href="#"><b><i></i></b></a>
						</div>
					</li>
					<li class="col-lg-3 col-md-4 col-sm-6">
						<div class="recommend-box">
							<img class="img-responsive" src="img/works_share_4.png" alt="">
							<a class="li-btn" href="#"><b><i></i></b></a>
						</div>
					</li>
					<li class="col-lg-3 col-md-4 col-sm-6">
						<div class="recommend-box">
							<img class="img-responsive" src="img/works_share_5.png" alt="">
							<a class="li-btn" href="#"><b><i></i></b></a>
						</div>
					</li>
					<li class="col-lg-3 col-md-4 col-sm-6">
						<div class="recommend-box">
							<img class="img-responsive" src="img/works_share_6.png" alt="">
							<a class="li-btn" href="#"><b><i></i></b></a>
						</div>
					</li>
					<li class="col-lg-3 col-md-4 col-sm-6">
						<div class="recommend-box">
							<img class="img-responsive" src="img/works_share_7.png" alt="">
							<a class="li-btn" href="#"><b><i></i></b></a>
						</div>
					</li>
					<li class="col-lg-3 col-md-4 col-sm-6">
						<div class="recommend-box">
							<img class="img-responsive" src="img/works_share_8.png" alt="">
							<a class="li-btn" href="#"><b><i></i></b></a>
						</div>
					</li>
					<li class="col-lg-3 col-md-4 col-sm-6">
						<div class="recommend-box">
							<img class="img-responsive" src="img/works_share_9.png" alt="">
							<a class="li-btn" href="#"><b><i></i></b></a>
						</div>
					</li>
					<li class="col-lg-3 col-md-4 col-sm-6">
						<div class="recommend-box">
							<img class="img-responsive" src="img/works_share_0.png" alt="">
							<a class="li-btn" href="#"><b><i></i></b></a>
						</div>
					</li>
					<li class="col-lg-3 col-md-4 col-sm-6">
						<div class="recommend-box">
							<img class="img-responsive" src="img/works_share_3.png" alt="">
							<a class="li-btn" href="#"><b><i></i></b></a>
						</div>
					</li>
					<li class="col-lg-3 col-md-4 col-sm-6">
						<div class="recommend-box">
							<img class="img-responsive" src="img/works_share_4.png" alt="">
							<a class="li-btn" href="#"><b><i></i></b></a>
						</div>
					</li>
					<li class="col-lg-3 col-md-4 col-sm-6">
						<div class="recommend-box">
							<img class="img-responsive" src="img/works_share_5.png" alt="">
							<a class="li-btn" href="#"><b><i></i></b></a>
						</div>
					</li>
					<li class="col-lg-3 col-md-4 col-sm-6">
						<div class="recommend-box">
							<img class="img-responsive" src="img/works_share_6.png" alt="">
							<a class="li-btn" href="#"><b><i></i></b></a>
						</div>
					</li>
					<li class="col-lg-3 col-md-4 col-sm-6">
						<div class="recommend-box">
							<img class="img-responsive" src="img/works_share_7.png" alt="">
							<a class="li-btn" href="#"><b><i></i></b></a>
						</div>
					</li>
					<li class="col-lg-3 col-md-4 col-sm-6">
						<div class="recommend-box">
							<img class="img-responsive" src="img/works_share_8.png" alt="">
							<a class="li-btn" href="#"><b><i></i></b></a>
						</div>
					</li>
				</ul>
			</div>
			<div class="works-show-1">
				<a href="#"><img src="img/works_share_1.png" alt="" class="works-show-2"></a>
				<a href="#"><img src="img/works_share_2.png" alt=""></a>
			</div>
		</div>
        <img src="img/foot_03.png" class="main-img">
	</div>
    <!--底部-->
    <div class="footer">
        <div class="footer-con">
            <p>找设计网打造交流平台。</p>
            <p class="design">设计师将图标上传到 die1218.xyz平台，用户可以自定义下载便于设计师自由调整与调用。<span class="enter">友情链接</span></p>
            <p class="where">转载内容版权归作者及来源网站所有，本站原创内容转载请注明来源，商业媒体及纸媒请先联系<span class="ued">UED优秀网页设计</span><span class="china">Bootstrap中文网</span><span class="mic">微博</span></p>
        </div>
    </div>
	<script src="js/jquery.min.js"></script>
	<script src="js/bootstrap.js"></script>
</body>
</html>